<!doctype html>
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="">
<meta name="description" content="mezz">
<meta name="author" content="mezz">
<link href="css/css.css" rel="stylesheet">
<link href="css/chosen.css" rel="stylesheet">
<!--[if lt IE 9]>
    <link href="css/ie.css" rel="stylesheet" type="text/css" >
    <meta http-equiv="X-UA-Compatible" content="IE=8" >
<![endif]-->
<!--[if lte IE 6]><meta http-equiv="refresh" content="0;url=IE6/IE6.html"><![endif]-->
<link href="favicon.ico" rel="SHORTCUT ICON">


  <!--导入的   vue.js,jquery.js,element.js,element.css--->
  <script src="./js/vue.min.js"></script>
  <script src="./js/jquery-3.5.1.min.js"></script>
  <!-- Element-UI -->
  <!-- 引入组件库 -->
  <script src="./js/element-ui/index.js"></script>
  <!-- 引入样式 -->
  <link href="./css/element-ui/index.css" rel="stylesheet">
  <script src="./js/layer.js"></script>

  <style>
    .avatar-uploader .el-upload {
      border: 1px dashed #d9d9d9;
      border-radius: 6px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
    }
    .avatar-uploader .el-upload:hover {
      border-color: #409EFF;
    }
    .avatar-uploader-icon {
      font-size: 28px;
      color: #8c939d;
      width: 117px;
      height: 117px;
      line-height: 117px;
      text-align: center;
    }
    .avatar {
      width: 117px;
      height: 117px;
      display: block;
    }
  </style>

<title>约饭</title>
</head>
<body>
<div id="app">
<div class="head">
  <div class="wrap clearfix">
    <a href="index.html" class="logo indent">logo</a>
    <div class="headr fr">
      <form action="active.html" method="post" class="headsearch">
        <label class="label">
          <input type="text" value="" name="" class="key">
          <span class="text">搜索地址、名称、时间等</span>
        </label>
        <button type="submit" class="button btn-search">&#xe628;</button>
      </form>
      <a href="#"><em><img src="images/sb.png"></em>  &nbsp;&nbsp;发布我的饭局</a>
      <div class="user">
            <span class="clearfix"><span class="userimg"><template v-if="tx!=null">
                      <img :src=tx>
                  </template>>
                  <template v-else>
                      <img src="upload/img12.png">
                  </template></span>
            <a href="javascript:;" class="fr" style="     width: 80px; float: right;text-overflow : ellipsis;overflow: hidden;white-space: nowrap;display: block; ">{{nc}}<em>&#xe607;</em></a></span>
        <ul class="topslide">
          <li><em>&#xe627;</em><a href="mem.html">个人设置</a></li>
          <li><em>&#xe63d;</em><a href="Message.html">消息中心</a></li>
          <li><em>&#xe63c;</em><a href="Dinner.html">饭局管理</a></li>
          <li><em>&#xe63e;</em><a href="fans.html">我的好友</a></li>
          <li><em>&#xe61b;</em><a href="My_Messages.html" >我的留言</a></li>
          <li  onclick="exit()"><em>&#xe611;</em><a href="#">退出</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

<div class="wrap">
  <div class="sign-title tc" style=" -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3;  opacity: .3; filter:alpha(opacity=30);  ">
    <h1>实名认证</h1>
    亲爱的<a href="#" class="o">{{nc}}</a>，欢迎使用<span class="o">实名认证</span>
  </div>
  
  <div class="Application">
    <table class="bind-wrap Verified-bind-wrap">
      <tr>
        <th>真实姓名：</th>
        <td>
          <input v-model="verName" type="text" value="" name="" class="ipt">
        </td>
      </tr>
      <tr>
        <th>身份证号码：</th>
        <td>
          <input v-model="verId" type="text" value="" name="" class="ipt">
        </td>
      </tr>
      <tr>
        <th valign="top">身份证图片正面：</th>
        <td>
          <div class="ID-card-photo img fl">
            <el-upload
                    class="avatar-uploader"
                    action="http://81.68.126.120:8089/uploadapi/"
                    :show-file-list="false"
                    :on-success="handleAvatarSuccess1"
                    :on-error="errorAvatar1"
                    :before-upload="beforeAvatarUpload1">
              <img v-if="imageUrl1" :src="imageUrl1" class="avatar">
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </div>
          <div class="upfilebox fl">
            <p class="mt10 f12">仅支持JPG、GIF、PNG、JPEG、BMP格式，文件小于4M</p>
          </div>
          <div class="demoimg fr">
            <p class="demo"><img src="upload/img22.jpg"></p>
            示例照片
          </div>
        </td>
      </tr>
      <tr>
        <th valign="top">身份证图片反面：</th>
        <td>
          <div class="ID-card-photo img fl">
            <el-upload
                    class="avatar-uploader"
                    action="http://81.68.126.120:8089/uploadapi/"
                    :show-file-list="false"
                    :on-success="handleAvatarSuccess2"
                    :on-error="errorAvatar2"
                    :before-upload="beforeAvatarUpload2">
              <img v-if="imageUrl2" :src="imageUrl2" class="avatar">
              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
            </el-upload>
          </div>
          <div class="upfilebox fl">

            <p class="mt10 f12">仅支持JPG、GIF、PNG、JPEG、BMP格式，文件小于4M</p>
          </div>
          <div class="demoimg fr">
            <p class="demo"><img src="upload/img22.jpg"></p>
            示例照片
          </div>
        </td>
      </tr>
      <tr>
        <th></th>
        <td>
          <p class="Release-submit mt25 tc"><button type="button" name="" value="" class="button btn-submit Appbtn" @click="verID">下一步</button></p>
        </td>
      </tr>
    </table>
    
  </div>
  
</div>


<!--foot-->
  <div class="footmenu">
    <div class="wrap clearfix">
      <div class="item bd0">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="item">
        <h1 class="hd">产品理念</h1>
        <ul>
          <li><a href="#">食品安全</a></li>
          <li><a href="#">订购流程</a></li>
          <li><a href="#">修改订单</a></li>
          <li><a href="#">冷链配送</a></li>
          <li><a href="#">全程冷链</a></li>
        </ul>
      </div>
      <div class="fr">
        <img src="images/img2.jpg">
        <img src="images/img3.jpg">
      </div>
    </div>
    <div class="gotop">&#xe608;</div>
  </div>
  <div class="foot tc">Copyright © 2003-2015 17素材, All Rights Reserved</div>

</div>

<script src="../yuefan_web/js/overall.js"></script>
<script src="./js/wj/binding.js" type="module"></script>

<script src="js/jquery.js"></script>
<script src="js/Action.js"></script>
<script src="js/upfiles.js"></script>

<script src="js/chosen.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function($){
	//select 样式美化
	 var config = {
		'.chosen-select-no-single' : {disable_search_threshold:10}
	}
	for (var selector in config) {
		$(selector).chosen(config[selector]);
	}
	$("#up").uploadPreview({
		Img: "ImgPr",
	});
});
</script>
</body>
</html>